<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      >
    <h:head>
        <title>Add/Save Product</title>
    </h:head>
    <h:body>
        <h:form enctype="multipart/form-data">
            <p:messages id="msg" closable="true" showDetail="true">
            </p:messages>
            <p:panelGrid columns="2">
                <h:outputLabel value="Select Category Name"></h:outputLabel>
                <p:selectOneMenu value="#{productManager.catname}">
                    <f:selectItem itemLabel="Select Category Name" itemValue="">
                    </f:selectItem>
                    <f:selectItems value="#{productManager.categoryName}">
                    </f:selectItems>
                    <p:ajax update="scat"/>
                </p:selectOneMenu>
                <h:outputLabel value="Select SubCategory Name"></h:outputLabel>
                <p:selectOneMenu value="#{productManager.subcatname}" id="scat">
                    <f:selectItem itemLabel="Select SubCategory Name" itemValue="">
                    </f:selectItem>
                    <f:selectItems value="#{productManager.subCatName}">
                    </f:selectItems>
                </p:selectOneMenu>
                <h:outputLabel value="Product Name"></h:outputLabel>
                <p:inputText value="#{productManager.product.prodName}"></p:inputText>
                <h:outputLabel value="Product Quantity"></h:outputLabel>
                <p:inputText value="#{productManager.product.prodQty}"></p:inputText>
                <h:outputLabel value="Product Price"></h:outputLabel>
                <p:inputText value="#{productManager.product.prodPrice}"></p:inputText>
                <h:outputLabel value="Select an Image:"></h:outputLabel>
                <p:fileUpload value="#{productManager.image}" mode="simple"/>
                <h:outputLabel value="Product Description"></h:outputLabel>
                <p:inputTextarea value="#{productManager.product.prodDesc}"></p:inputTextarea>
                <p:commandButton action="#{productManager.addProduct()}" 
                                 value="save" update="msg" ajax="false">
                </p:commandButton>
            </p:panelGrid>
        </h:form>
    </h:body>
</html>


